<template>
  <div class="rightContent">
    <el-table :data="tableData" border style="width:100%">
      <el-table-column prop="stu_id" label="编号" width="80"> </el-table-column>
      <el-table-column prop="name" label="姓名" > </el-table-column>
      <el-table-column prop="stu_no" label="学号"> </el-table-column>
      <el-table-column prop="maj_name" label="专业" > </el-table-column>
      <el-table-column prop="mail" label="邮箱" > </el-table-column>
      <el-table-column prop="create_date" label="创建日期" > </el-table-column>
      <el-table-column prop="modify_date" label="修改日期" > </el-table-column>
      <el-table-column prop="active" label="激活状态" width="80"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          stu_id: "10",
          name: "Iron Man",
          stu_no: "2020092114525543142",
          maj_name: "Computer",
          mail: "admin8@163.com",
          create_date: "2020年9月21日",
          modify_date: "2020年9月21日",
          active: "已激活"
        },
        {
          stu_id: "9",
          name: "Rambo",
          stu_no: "2020092114525543142",
          maj_name: "Computer",
          mail: "admin7@163.com",
          create_date: "2020年9月21日",
          modify_date: "2020年9月21日",
          active: "已激活"
        },
        {
          stu_id: "8",
          name: "Dwayne Johnson",
          stu_no: "2020092114525543142",
          maj_name: "Computer",
          mail: "admin6@163.com",
          create_date: "2020年9月21日",
          modify_date: "2020年9月21日",
          active: "已激活"
        }
      ]
    };
  }
};
</script>

<style>
.rightContent {
  padding: 10px;
}
</style>